.bytemd {
  > div {
    // background:#fff;
    color: rgba(255, 255, 255, 0.87);
    background-color: #242424;
  }

  .bytemd-toolbar {
    .bytemd-toolbar-left {
      color: rgba(255, 255, 255, 0.87);
    }
  }

  .bytemd-body {
    .bytemd-editor {
      .CodeMirror {
        background-color: #242424;
        color: rgba(255, 255, 255, 0.87);
      }

      // background: #fff;
      // color: #213547;
    }
  }

  .bytemd-status {
    color: rgba(255, 255, 255, 0.87);
  }

  // 更改光标颜色
  .CodeMirror-cursors {
    > .CodeMirror-cursor {
      border-left: 1px solid rgba(255, 255, 255, 0.87);
      // background-color: rgba(255, 255, 255, 0.87);
    }
  }

  // 更改工具栏高亮颜色
  .bytemd-toolbar-icon:hover {
    background: rgba(0, 0, 0, 0.7);
  }

  // 标题下拉框背景色以及字体色
  .tippy-box {
    color: rgba(255, 255, 255, 0.87);
    background-color: #242424;

    .bytemd-dropdown-item:hover {
      background: rgba(0, 0, 0, 0.7);
    }
  }

  // 修改预览区默认字体颜色
  .markdown-body {
    color: white;
  }

  .markdown-body * {
    margin-top: 0;
  }
}
